@charset "UTF-8";
// 顶部灰色banner 的样式
.sd_header{
   @extend %minWidth;
   //background-color:#fff;
   border:none;
   .sd_header_banner{
   	@include height(true,38px,38px);
   	background-color:$banner_color;
      color:#fff;
   	.sd_grade_subject{
   		@extend %display;
   		@include float(right);
      @include height(ture,20px,20px);//兼容firefox
      padding:9px 0;//兼容firefox
         //margin-right:20px;
      span{
        @include vam(top);
      }
         .sd_header_select{
            max-width:140px;
            padding-right:16px;
            input{
               @include height(true,20px,20px);
               border:none;
               padding:0 36px 0 0;
               @extend %textAlign;
               background:transparent;
               color:#fff;
               border-radius:0;
               &:-ms-input-placeholder{
                  color: #fff;opacity:1;
               }
               &::-webkit-input-placeholder{
                   color: #fff;opacity:1;
               }
            }
         }
      }

   }

}
.sd_header_content{
   @extend %containerWidth;
   @extend %relative;
}
.sd_border_right{
   border-right:1px solid #fff;
}
// 一级导航的样式
.sd_logo_img{
  @extend %absolute;
  left:6px;
  top:12px;
  img{
    width: 204px;
    height:50px;
  }


}
.sd_nav{
   @include height(false, 62px, auto);
   .sd_firse_nav{
      @extend %absolute;
      left:260px;
      bottom:0;
      a{
         @extend %display;
         border:2px solid transparent;
         .sd_nav_item{
            @include height(true, 46px,46px);
            padding:0 4px;
            @extend %fontSize16;
            color:$text_color;
         }
         &:hover, &.active{
            border-bottom:2px solid $base_color;
         }

      }
      a+a{
         margin-left:60px;
      }

   }
   .sd_user_info{
      @extend %absolute;
      right:0;
      top:18px;
      .el-input{
         width:80%;
      }
      a{
         @extend %display;
         color:$gray_color;
      }
      .sd_user_name{
         @extend %display;
         margin-right:14px;
         color:$gray_color;
         cursor:pointer;
         span{
            @extend %display;
         }
         i{
            font-size:8px;
            color:#666;
            margin-right:10px;
         }
        .sd_user_pic_box{
          width:40px;
          height:40px;
          //background: url("../assets/images/default_img.png") no-repeat top center;
          background-size:contain;
          @extend %vam;
          img {
            display: none;
          }
          img[src] {
            display: block;
          }
        }
         img{
            width:40px;
            height:40px;
            border-radius:100%;

         }
        img[src=""]{
          opacity:0;
        }

      }

   }
}
.sd_second_nav{
   width:100%;
   border-top:1px solid #f2f2f2;
   @extend %fontSize16;
   .second_nav_content{
      padding-left:225px;
      padding-top:8px;
      li{
         @extend %display;
         @include height(true,42px,42px);
         padding:0 30px;
         a{
            &:hover{
               color:$base_color;
            }
         }
         &.active{
            a{
               color:$base_color;
            }

         }
        &.active_president{
          a{
            color:$base_color;
            text-decoration: underline;
          }
        }
      }
   }
}
//校长页面导航样式
.second_nav_content_president{
  padding-left:225px;
  padding-top:17px;
  li{
    @extend %display;
    @include height(true,42px,42px);
    padding:0 24px;
    a{
      @extend %display;
      padding:0 4px;
      //border-bottom:2px solid transparent;
      &:hover{
        color:$base_color;
      }
    }
    &.active{
      a{
        @extend %display;
        padding:0 4px;
        color:$base_color;
        //border-bottom:2px solid $base_color;
      }

    }
  }

}


// 面包屑导航的样式
.sd_position{
   @extend %containerWidth;
   @extend %relative;
  padding:26px 0 16px;
   color:$text_color;
   &:before{
      content:'\e607';
      margin:0 4px;
   }
}
.el-dropdown-menu{
   text-align:center;
   z-index:20040 !important;
}































